<template>
	<view>
		<view class="daily">
			<view v-for="item in arr" class="daily-for">
				<image :src="item.icon_url" mode=""></image>
				<view class="">
					{{item.name}}
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		props: ['arr'],
		name: "daily",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.daily {
		display: flex;

		.daily-for {
			width: 150rpx;
			height: 86px;
			text-align: center;

			image {
				margin-bottom: 8px;
				width: 50%;
				height: 50%;
			}
		}
	}
</style>
